<template>
  <div>
    <!-- 透传属性默认绑定在根元素上，可以通过  v-bind="$attrs" 制定绑定的元素-->
    <button v-bind="$attrs">子组件按钮</button>
  </div>
  <!-- 如果当前组件有多根节点模板，由于 Vue 不知道要将 attribute 透传到哪里，所以会抛出一个警告 -->
  <!-- 如果 $attrs 被显式绑定，则不会有警告： -->
  <!-- 
  <header>...</header>
  <main v-bind="$attrs">...</main>
  <footer>...</footer>
   -->
</template>

<script>
export default {};
</script>

<style></style>
